<template>
	<view>
		<u-tabbar :value="value" activeColor="#1365F9" inactiveColor="BDBDD2">
			<u-tabbar-item text="找活" @click="$tools.navigiteTo('/pages/index/index')">
				<image slot="inactive-icon" src="@/static/tabbar/1.png" style="width: 40rpx; height: 40rpx"></image>
				<image slot="active-icon" src="@/static/tabbar/2.png" style="width: 40rpx; height: 40rpx"></image>
			</u-tabbar-item>
			<u-tabbar-item text="住宿" @click="$tools.navigiteTo('/pages/putup/putup')">
				<image slot="inactive-icon" src="@/static/tabbar/3.png" style="width: 40rpx; height: 40rpx"></image>
				<image slot="active-icon" src="@/static/tabbar/4.png" style="width: 40rpx; height: 40rpx"></image>
			</u-tabbar-item>
			<u-tabbar-item text="消息" @click="$tools.navigiteTo('/pages/message/message')">
				<image slot="inactive-icon" src="@/static/tabbar/5.png" style="width: 40rpx; height: 40rpx"></image>
				<image slot="active-icon" src="@/static/tabbar/6.png" style="width: 40rpx; height: 40rpx"></image>
			</u-tabbar-item>
			<u-tabbar-item text="我的" @click="$tools.navigiteTo('/pages/mine/mine')">
				<image slot="inactive-icon" src="@/static/tabbar/7.png" style="width: 40rpx; height: 40rpx"></image>
				<image slot="active-icon" src="@/static/tabbar/8.png" style="width: 40rpx; height: 40rpx"></image>
			</u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
export default {
	name: 'tabbar',
	props: ['value'],
	data() {
		return {};
	}
};
</script>

<style lang="less" scoped>
::v-deep .u-tabbar--fixed {
	z-index: 1000 !important;
}
</style>
